<template>
  <div class="page_space">
    <p class="title_1">请选择您本次要使用的企业账号</p>
    <base-card
      v-for="(item, index) in enterprises"
      :key="index"
      :data="item.data"
      :title="item.name"
      class="mb-15"
      @click="selectAccount(item)"
    />
  </div>
</template>

<script>
import baseCard from '@/components/base-card'
import { getUser, getAccountList } from '@/api/account'

export default {
  name: 'selectAccount',
  components: { baseCard },
  data() {
    return {
      // 企业账号
      enterprises: [],
      state: 0
    }
  },
  created() {
    this.getUser()
  },
  methods: {
    async getUser() {
      const { code, data } = await getUser()
      if (code === '0') {
        let idcardnumber = data.idNumber
        console.log(idcardnumber)
        if (idcardnumber) {
          this.getList(idcardnumber)
        }
      }
    },
    // 切换账号
    selectAccount(item) {
      this.$store.commit('switchAccount', item.comp)
      this.$toast.success('切换成功')
      this.$router.push('/')
    },
    // 获取账号列表
    async getList(idcardnumber) {
      // let idcardnumber = '410303200001283216'
      const { code, data } = await getAccountList(idcardnumber)
      // console.log(res)
      if (code === '0') {
        data.forEach((item) => {
          this.enterprises.push({
            name: item.name,
            data: [
              {
                key: '统一社会信用代码',
                value: item.uscId
              },
              {
                key: '联系人姓名',
                value: item.contacts
              }
            ]
          })
        })
      }
    },
    showTips() {
      // if (this.state === 0) {
      //   // 无可选企业
      //   this.$dialog
      //     .alert({
      //       title: '提示',
      //       message: '您尚未绑定/选择企业账号，请绑定/选择后再进入应用',
      //       confirmButtonText: '我知道了'
      //     })
      //     .then(() => {
      //       // on close
      //     })
      // } else if (this.state === 1) {
      //   // 无使用权限
      //   this.$dialog
      //     .alert({
      //       title: '提示',
      //       message: '您无该应用的使用权限，请联系相关人员进行授权',
      //       confirmButtonText: '我知道了'
      //     })
      //     .then(() => {
      //       // on close
      //     })
      // } else if (this.state === 2) {
      //   // 未提示登录
      //   this.$dialog
      //     .alert({
      //       title: '本次操作需要您进行登录验证',
      //       confirmButtonText: '去登录',
      //       cancelButtonText: '取消'
      //     })
      //     .then(() => {
      //       // on close
      //     })
      // } else {
      //   // 法人账号登录选择经办人
      //   this.$dialog
      //     .alert({
      //       title: '本次操作需要您选择经办人',
      //       confirmButtonText: '去登录',
      //       cancelButtonText: '取消'
      //     })
      //     .then(() => {
      //       // on close
      //     })
      // }
    }
  }
}
</script>

<style lang="scss" scoped></style>
